<ion-header>
  <ion-toolbar class="toolbar-head">
    <ion-title>我的物流</ion-title>
    <ion-buttons slot="start" mode='ios'>
      <ion-back-button color="dark" defaultHref=""></ion-back-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>
<ion-content>
  <div *ngFor="let item of commentInfo.array;let idx=index">
    <div class="order-item">
      <div class="order-item-content">
        <img src="../../../../assets/img/zhanshi3.png" alt="">
        <div class="order-item-content-text">
          <p style="font-size: 1rem;">
            <label style="color:#666666;">{{item.procName}}</label>
          </p>
          <p style="font-size: 0.9rem;margin-top: 8px; line-height: 0.8rem;">
            <label style="color:#AAAAAA">Size:{{item.size}}</label>
            &nbsp; &nbsp; &nbsp;
            <label style="color:#AAAAAA">Color:{{item.color}}</label>
          </p>
          <p style=" font-weight:bold; margin-top: 8px; font-size: 1.2rem;">
            ${{AmountOfConversion(item.procCashPrice)}}</p>
        </div>
      </div>
    </div>
  </div>
  <div class="ion-padding">
    <p style="display: block;line-height: 60px; font-size: 1.2rem;width: 100%;margin-top:15px;border-bottom: 1px solid #E6E6E6;">物流跟踪</p>

    <ul class="track_shipflow">
      <li *ngFor="let item of merchAddressInfo;let idx=index;" class="track_shipflow_item " [ngClass]="{cur: idx==0}">
        <i class="track_shipflow_item_status type_dot"></i>
        <div class="track_shipflow_item_msg">
          <p class="track_shipflow_item_msg_text"> {{item.context}} </p>
          <p class="track_shipflow_item_msg_time">{{item.time}}</p>
        </div>
      </li>
    </ul>
  </div>
</ion-content>